<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>月利宝</title>
    <script src="../../js/mui.min.js"></script>
    <link href="../../css/mui.min.css" rel="stylesheet"/>
     <link rel="stylesheet" href="../../css/global.css"/>
    <link href="buy.css" rel="stylesheet"/>
</head>
<body style="background-color: #f3f3f3;">
	<header class="mui-bar mui-bar-nav title-nav">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left mui-back-new"></a>
		<h1 id="title" class="mui-title mhd-title">月利宝</h1>
	</header>
	<div id="mui-content" class="mui-content" style="height: 100%;" >
		<div class="page_wapper mui-back-white">
		<div class="app_projects_group">
			<div class="yueTitle">
				<span id="loan_title" class = "TitleOne"></span>
				<span>&nbsp;&nbsp;</span>
				<span class="app_assurance_hight">100%本息保障</span>
				<div class="border-bottom-short"></div>
			</div>
			<div class="yueMessage">
				<div class="yueMessage-left">
					<div class="TitleTwo pdb20">借款金额</div>
					<div class="fontMoney" id = "loan_thisIssueLoan"></div>
				</div>
				<div class="yueMessage-middle">
					<div class="TitleTwo pdb20">年化收益率</div>
					<span class="fontBigRate mui-blue" id="loan_rateYear" ></span>
					<span class="fontSmallRate mui-orange" id="loan_rateYearDiscount"></span>
				</div>
				<div class="yueMessage-right">
					<div class="TitleTwo pdb20">还款期限</div>
					<span class="font30 buy-orange" id="loan_refundDeadline"></span>
					<span class="font15 buy-orange">个月</span>
				</div>
			</div>
			<div class="yueStatus">
				<div class="yueStatus-left">
				  	<span class="TitleTwo">时间剩余：</span>
				  	<span class="TitleTwo" id="timeShow"></span>
				</div>
				<div class="yueStatus-right">
				  	<span class="TitleTwo">状态：</span>
				  	<span class="TitleTwo" id="loan_loanState"></span>
				</div>
			</div>
				
		</div>
		
		<div id="app_buy_panel" class="app_buy_panel">
			<form method="post">
				<input type="hidden" name="loanId" id="loanId"/>
				<input type="hidden" name="loan_hongbao" id="loan_hongbao"/>
				<input type="hidden" name="minBuyMoney" id="minBuyMoney"/>
				<input type="hidden" name="residue" id="residue"/>
				<input type="hidden" name="cashBalance" id="cashBalance"/>
			<table>
				<tr><th class="app_buy_tab_head" colspan="2">我要投资</th></tr>
				<tr>
					<td class="app_buy_tab_label">当前状态：</td>
					<td class="app_buy_tab_result">
						<div class="per">
							<div class="app_projects_item_progess_status"></div>
						</div>
						<span id = "loan_percent" style="padding-left: 15px;color: #2c2c2c;"></span>
					</td>
				</tr>
				<tr>
					<td class="app_buy_tab_label">可投金额：</td>
					<td class="app_buy_tab_result"><span>￥</span><span id="loan_residue">0</span><span class="app_assurance_hight fr">100元起投</span></td>
				</tr>
				<tr>
					<td class="app_buy_tab_label">账号余额：</td>
					<td class="app_buy_tab_result"><span>￥</span><span id="loan_cashBalance">0</span><a style="color: #ffffff;" id="recharge" class="rechargebox" href="javascript:void(0);">充值</a></td>
				</tr>
				<tr id="tr_hongbao" style="display: none;">
					<td class="app_buy_tab_label">勾选红包:</td>
					<td class="app_buy_tab_result"><input name="hongbao" id="hongbao" type="checkbox" value="1"/>&nbsp;&nbsp;<span>￥</span><span id="sp_hongbao">0</span></td>
				</tr>
				<tr id="tr_amount">
					<td class="app_buy_tab_label">购买金额：</td>
					<td class="app_buy_tab_result">
						<input name="amount" id="amount" type="text" style="font-size: 13px;border: none;padding: 15px 0 0 0;" placeholder="请输入不小于100的整数" onkeyup="CmwMcore.onlyIntNum(this)"/>
					</td>
				</tr>
				<tr id="tr_argee" style="border-bottom: none;">
					<td class="app_buy_tab_argee" colspan="2"><input name="agree" id="agree" type="checkbox" value="1" />&nbsp;&nbsp;我同意《<a href="#" id='a_mgr'>投资咨询与管理服务协议</a>》</td>
				</tr>
				<tr>
					<td class="app_buy_tab_buttons" colspan="2">
						<button id="btn_buy" class="mui-btn buy-button buy-button-block">投标</button>
					</td>
				</tr>
			</table>
			</form>
		</div>
		<div class="app_buy_inf">
			<div class="app_buy_tab_head">其他信息</div>
			<div class="mui-table-view-cell">
				<a id="buy_base_record" class="app_buy_font mui-navigate-right" href="javascript:void(0);">
				  <img class ="fl" src="../../images/people.png" />&nbsp;&nbsp;&nbsp;&nbsp;借款人信息
				</a>
			</div>
			<div class="mui-table-view-cell">
				<a id="buy_list_record" class="app_buy_font mui-navigate-right" href="javascript:void(0);">
				  <img class ="fl" src="../../images/money.png" />&nbsp;&nbsp;&nbsp;&nbsp;投资记录
				</a>
			</div>
		</div>
		<div class="app_buy_tab_head"></div>
		</div>
	</div>
<script type="text/javascript" src="../../js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="../../js/cmw_core.js"></script>
<script type="text/javascript" src="../../js/constant.js"></script>
<script type="text/javascript" src="../../js/global.js"></script>
<script type="text/javascript" src="../../js/form.js"></script>
<script type="text/javascript" src="buy.js"></script>
</body>
</html>